﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Example12.aspx.cs" Inherits="Chapter18.Example12" %>

<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>代码清单 18-12 使用 :in-range 和 :out-of-range 选择器</title>
    <style type="text/css">
        :in-range {
            outline: thin solid green;
        }

        :out-of-range {
            outline: thin solid red;
        }
    </style>
</head>
<body>
    <form method="post" action="http://titan:8080/form">
        <p>
            <label for="price">
                $ per unit your area:
                <input type="number" value="1" min="0" max="100" name="price" id="price" />
            </label>
        </p>
        <button type="submit">Submit Vote</button>
    </form>
</body>
</html>
